index = 1;
total = 0;
function slide()
{
    index += 1;
    if (index > total)
	index = 1;

    $(".slide-item").css("display", "none");
    $(".slide-item[seq="+index+"]").css("display", "block");
    $(".handler-item").removeClass("active-handler");
    $(".handler-item[seq="+index+"]").addClass("active-handler");
}
setInterval(slide, 3000);

$(document).ready(function(){
    // get the slide block number
    total = $(".slide-item").size();

    $(".handler-item").mouseover(function(){
	var seq = $(this).attr("seq");
	$(".slide-item").css("display", "none");
	$(".slide-item[seq="+seq+"]").css("display", "block");
    });
});
